.app-login {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    background: #f0f2f5 url(../../../public/assets/svg/login-background.svg) no-repeat 50%;

    > .container {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 32px 0 24px 0;
        > .header {
            padding: 32px 0;
            width: 100%;
            .title {
              padding-top:20px;
                display: flex;
                justify-content: center;
                align-items: center;
                h1{
                  color:#333;
                }
            }
            .sub-title {
                text-align: center;
                color: #808695;
            }
            .logo {
                padding-right: 15px;
                transform: translateY(-5px);
            }
        }
        > .content {
            flex: 1;
            min-width: 260px;
            width: 384px;
            margin: 0 auto;
            .el-form {
            }
            .ant-btn{
              margin-top:24px;
              width:100%;
            }
        }
        > .footer {
          width: 100%;
            margin: 48px 0 24px 0;
            padding: 0 16px;
            text-align: center;
            color: #808695;
        }
    }

    .el-form-item__label {
        width: 65px;
        max-width: 65px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
